<template>
    <div class="header flex-between">
        <data-panel2 v-for="item in list" :key="item.id" :type="item.type" :desc="item.desc" :number="item.number"></data-panel2>
    </div>
</template>

<script>

export default {
  data () {
    return {
    }
  },
  created () {
    this.$store.dispatch('cfManage/getDataPlnelData').catch(err => {
      this.$message({
        type: 'error',
        message: err,
        duration: 1000
      })
    })
  },
  computed: {
    list () {
      return this.$store.state.cfManage.panelData
    }
  }

}
</script>

<style lang="scss" scoped>
.header{

  // margin-top: 24px;

}

</style>
